<%@ page import="com.dingpeikeji.quickdeer.core.modules.orders.entity.TOrders" contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@include file="/WEB-INF/views/include/constrant.jsp" %>
<jsp:include page="/WEB-INF/views/layouts/head.jsp"></jsp:include>
<html>
<head>
<link href="${ctxStatic }/index/css/payment.css" rel="stylesheet">
<link rel="stylesheet" href="${ctxStatic }/index/css/popup.css" />
<script src="${ctxStatic }/index/js/payment.js"></script>
<script>
			$(function(){
				$("#cancel").click(function(){
					if(confirm('你确定要取消此订单吗?')){
						$('#cancelForm').submit();
					}
				})
				var pay=true;
             $('.pay_exp').click(function(){         
                if(pay){
                	   	$('.pay_cicon').css('transform',' rotateZ(-45deg)');
                	   	$('.pay_hj').slideDown('fast');
                	   	pay=false;
                }else{
                	    $('.pay_cicon').css('transform',' rotateZ(135deg)');
                	    $('.pay_hj').slideUp('fast');
                	    pay=true;
                }
             })
                pay!=pay;
                
                $('.pay_btn').click(function(){
                	$('#open_pay').fadeIn();
                })
			})
		</script>
</head>
<body>
	<div class="order_detail">
		<div style="padding: 15px;background: #eef8f9;">
    <h3>预定须知：</h3>
    <h4>一、费用明细</h4>
    <h5>【一价全包】全程司机代驾服务费、车辆使用费、车辆油电费、 空驶费、夜间服务费、司机小费、路桥费、 停车费、摆渡费。
费用不含：超时服务费（建议行车时间不超过12小时）、司机食宿费</h5>
      
    <h4>二、取消须知</h4>
    <h5>●&nbsp;该产品支持取消。</h5>
<h5>●&nbsp;出行日期前72小时前取消，免收违约金；</h5>
<h5>●&nbsp;出行日期前72小时至24小时取消，收取费用总额30%的违约金；</h5>
<h5>●&nbsp;出行开始前24小时取消，收取费用总额50%的违约金；</h5>
<h5>●&nbsp;超过发车时间不可退款。</h5>
     <h4>三、重要提示</h4>
 <h5>1.&nbsp;该产品为定制产品，请您尽快完成支付，以免客运公司取消报价。</h5>
<h5>2.&nbsp;如您的预订时间距离发车时间在12小时以内，为保证您的顺利出行，请保持您的电话畅通。</h5>
<h5>3.&nbsp;司机食宿费一般由订车人安排，如不能安排，由司机向订车人收取相应的食宿补贴，标准为：住宿200元/晚、三餐80元/天。</h5>
<h5>4.&nbsp;如用车人临时更改行车路线，需与车队自行协商，产生的额外费用也由用车人自行承担；</h5>
<h5>5.&nbsp;为了保证您的用车安全及良好体验，建议您每日用车时间不超过12小时。否则您需要向司机支付超时服务费。标准："${param.typename }： ${param.outtimefee }元/小时"</h5>
<h5>6.&nbsp;如产生不含费用项请在服务结束后，将钱面付司机。严禁司机额外乱收费，如发现可联系霞客约车客服核实退还。</h5>
<h5>7.&nbsp;开具发票:如需发票，由霞客约车根据订单金额统一开具。请在服务完成后至我的账户—关于发票—立即开票填写开票信息，开票总金 额为订单费用。</h5>
</div>
<div class="online-payment" >
<form id="cancelForm" action="${ctxFront}/rentproduct/demands/cancel" method="get" >
<input type="hidden" name="demandid" value="${param.demandid }"/>
	</form>
<form id="payForm" action="${ctxFront}/pay/pay" method="get" target="_blank">
<input type="hidden" name="orderid" value="${orderid }"/>
<input type="hidden" name="ordertype" value="${param.ordertype }"/>
<h3>在线支付 ：</h3>
    <div class="online-payment-1">
<ul>
    <li class="payoff">
        <span class="payoff_1">需支付：<font>￥${react.price }</font></span>
    </li>
    <li class="mode_payment clearfix">
        <span class="mode_payment_1">支付方式：</span>
        <input type="radio" name="payway" checked="checked" value="${TORDERS_PAY_WAY_ALIPAY }"/>
        <span class="mode_payment_2">支付宝</span>
        <input type="radio" name="payway" value="${TORDERS_PAY_WAY_WXPAY }"/>
        <span class="mode_payment_3">微信</span>
        <div class="pay_cv1">
              <button class="mode_payment_4 pay_btn" onclick="$('#payForm').submit();" id="ClickMe">立即支付</button>
              <a class="mode_payment_5" id="cancel">取消</a>
        </div>
    </li>
</ul>
    </div>
</form>
</div>
</div>


<div id="open_pay">
		 	   <div class="paym_pop">
		 	   	     <div class="pay_overs">
		 	   	     	<a href="${ctxFront}/orders/orderList">支付完成</a>
		 	   	     </div>
		 	   	     <div class="pay_prol">
		 	   	     	<a href="${ctxFront}/orders/orderList">遇到问题</a>
		 	   	     </div>
		 	   </div>
		 </div>
</body>
</html>
